<template>
  <div>
    <div class="box"></div>
    <br />
    <div class="box2">文本内容</div>
    <br />
    <div w100 h100 bg-blue>unocss</div>
    <br />
    <div w200 h200 bg-coolGray flex-center gap-4>
      <div w20 h20 bg-blue></div>
      <div w20 h20 bg-yellow></div>
      <div w20 h20 bg-red></div>
    </div>
    <hr />
    <div i-ep:ice-drink></div>
    <div i-ep:switch></div>
  </div>
</template>

<script setup lang="ts" name="unocss"></script>

<style scoped lang="scss">
.box {
  width: 100px;
  height: 100px;
  background-color: antiquewhite;
}

.box2 {
  @apply w-100 h-100 bg-red-500 text-white text-center;
}
</style>
